<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
	<title>Web Slide Show Options</title>

	<link href="ContextMenu/ContextMenu.css" rel="stylesheet" type="text/css">

	<style TYPE="text/css">
		BODY {
			background: #ece9d8;
			padding: 5px;
			overflow: hidden;
			font-size: 14px;
		}
		TABLE {
			font-size: 14px;
		}
		#tabs {
			background: white;
			padding: 10px;
			height: 100%;
			border: 1px solid #919b9c;
		}
		#tab_options {
			width: 100%;
			height: 100%;
		}
		#tab_rules {
			display:none;
			width: 100%;
			height: 100%;
			min-height:200px;
		}
		#rules_tree {
			width:100%;
		}
		.SelectedOptionsTab {
			background: #fcfcfe;
			border: 1px solid #919b9c;
			border-bottom-color: #fcfcfe;
			border-top-color: #ff9933;
			border-top-width: 2px;
		}
		.UnSelectedOptionsTab {
			background: #f0f0ea;
			border: 1px solid #91a7b4;
			border-bottom-color: #f0f0ea;
			border-right-color: #f0f0ea;
		}
		.SelectedRulesTab {
			margin-left: -4px;
			background: #fcfcfe;
			border: 1px solid #919b9c;
			border-bottom-color: #fcfcfe;
			border-top-color: #ff9933;
			border-top-width: 2px;
		}
		.UnSelectedRulesTab {
			margin-left: -3px;
			background: #f0f0ea;
			border: 1px solid #91a7b4;
			border-bottom-color: #f0f0ea;
			border-left-color: #f0f0ea;
		}
		div.tree_container {
			clear: both;
			border: 1px solid #7f9db9;
			overflow: auto;
			width: 100%;
			height: 100%;
			min-height: 100px;
		}
		/* define width of table. */
		div.tree_container table {
			float: left;
			width: 100%;
		}
		thead.fixed_header tr {
			position: relative;
			/*top: expression(offsetParent.scrollTop);*/
		}
		thead.fixed_header th {
			background: #ebeadb;
			font-weight: normal;
			padding: 4px 3px;
			text-align: left
		}
		.treeSelectedRow {
			background: #316ac5;
			color: white;
		}
		.treeDisabledRow {
			color: gray;
		}
		.treeRow {
			color: black;
		}
	</style>

	<script src="ContextMenu/ContextMenu.js" language="jscript" type="text/jscript"></script>
	<script src="../factory/Factory.js" language="jscript" type="text/jscript"></script>
	<script src="../Logger.js" language="jscript" type="text/jscript"></script>
	<script src="../ResourceBundle.js" language="jscript" type="text/jscript"></script>
	<script src="../Preferences.js" language="jscript" type="text/jscript"></script>
	<script src="../Configuration.js" language="jscript" type="text/jscript"></script>
	<script src="../util/BrowserDependent.js" language="jscript" type="text/jscript"></script>
	<script src="../util/KeyboardHelper.js" language="jscript" type="text/jscript"></script>
	<script src="../util/Util.js" language="jscript" type="text/jscript"></script>
	<script src="../util/Prompt.js" language="jscript" type="text/jscript"></script>
	<script src="../util/SimpleXMLHelper.js" language="jscript" type="text/jscript"></script>
	<script src="../util/WebNavigationHelper.js" language="jscript" type="text/jscript"></script>
	<script src="../util/HTMLContentHelper.js" language="jscript" type="text/jscript"></script>
	<script src="../util/ObserverServiceHelper.js" language="jscript" type="text/jscript"></script>
	<script src="../WindowManager.js" language="jscript" type="text/jscript"></script>
	<script src="../WebProfiles.js" language="jscript" type="text/jscript"></script>
	<script src="../WebProfiles.impl.js" language="jscript" type="text/jscript"></script>
	<script src="../WebProfileSerializer.js" language="jscript" type="text/jscript"></script>
	<script src="../WebProfileSerializer.impl.js" language="jscript" type="text/jscript"></script>
	<script src="../WebProfilesMergeHelper.js" language="jscript" type="text/jscript"></script>
	<script src="../RulesImportManager.js" language="jscript" type="text/jscript"></script>
	<script src="RuleTree.js" language="jscript" type="text/jscript"></script>
	<script src="Options.js" language="jscript" type="text/jscript"></script>
	<script src="Options.chrome.js" language="jscript" type="text/jscript"></script>
</head>
<body>
	<div id="tree_menu" class='context_menu'>
		<table id="tree_menu_table" class='context_menu' border=1 cellspacing=0 cellpadding=1>
			<tr id="context-add">
				<td class='context_menu_image'>&nbsp;</td>
				<td><translate>webslideshow_options_rules_add</translate></td>
				<td>Ins</td>
			</tr>
			<tr id="context-clone">
				<td class='context_menu_image'>&nbsp;</td>
				<td><translate>webslideshow_options_rules_popup_clone</translate></td>
				<td>Shift+Ins</td>
			</tr>
			<tr id="context-edit">
				<td class='context_menu_image'>&nbsp;</td>
				<td><translate>webslideshow_options_rules_popup_edit</translate></td>
				<td>F4</td>
			</tr>
			<tr id="context-remove">
				<td class='context_menu_image'>&nbsp;</td>
				<td><translate>webslideshow_options_rules_popup_remove</translate></td>
				<td>Del</td>
			</tr>
			<tr id="context-move-separator">
				<td class='context_menu_image' style="padding:0;">&nbsp;</td>
				<td style="padding:0;" colspan="2"><hr></td>
			</tr>
			<tr id="context-move-up">
				<td class='context_menu_image'>&nbsp;</td>
				<td><translate>webslideshow_options_rules_popup_move_up</translate></td>
				<td>Ctrl+<translate>webslideshow_options_up_arrow</translate></td>
			</tr>
			<tr id="context-move-down">
				<td class='context_menu_image'>&nbsp;</td>
				<td><translate>webslideshow_options_rules_popup_move_down</translate></td>
				<td>Ctrl+<translate>webslideshow_options_down_arrow</translate></td>
			</tr>
		</table>
	</div>

	<table style="width: 100%;height: 100%;" cellpadding="0" cellspacing="0">
	<tr valign="bottom"><td>
		<input type="button" id="OptionsTabButton" class="SelectedOptionsTab" value="webslideshow_options_options">
		<input type="button" id="RulesTabButton"   class="UnSelectedRulesTab" value="webslideshow_options_rules">
	</td></tr>
	<tr><td style="height: 100%;min-height:300px;">
		<div id="tabs">
			<div id="tab_options">
				<table>
					<tr>
						<td colspan="2">
						<fieldset>
							<legend><translate>webslideshow_options_group_slideshow</translate></legend>
							<input type="checkbox" id="single_dialog" checked><translate>webslideshow_options_single_dialog</translate><br>
							<input type="checkbox" id="auto_start" checked><translate>webslideshow_options_auto_start</translate><br>
							<input type="checkbox" id="repeat"><translate>webslideshow_options_repeat</translate><br>
							<input type="checkbox" id="panel_usage"><translate>webslideshow_options_minimal_panel_usage</translate><br>
							<table>
								<tr valign="middle">
									<td><translate>webslideshow_options_delay</translate></td>
									<td><input type="text" id="delay" maxlength="5" size="6" style="text-align: right;"></td>
									<td><translate>webslideshow_options_sec</translate></td>
									<td><translate>webslideshow_options_delay_description</translate></td>
								</tr>
								<tr valign="middle">
									<td><translate>webslideshow_options_min_size</translate></td>
									<td><input type="text" id="min_size" maxlength="4" size="6" style="text-align: right;"></td>
									<td><translate>webslideshow_options_px</translate></td>
									<td><translate>webslideshow_options_min_size_description<br><translate>webslideshow_options_min_size_warning</translate></td>
								</tr>
							</table>
						</fieldset>
						</td>
					</tr>
					<tr>
						<td style="width:40%;height:100%;">
							<fieldset>
								<legend><translate>webslideshow_options_group_auto_size</translate></legend>
								<input type="checkbox" id="shrink" checked style="margin-top: 11px;"><translate>webslideshow_options_shrink</translate><br>
								<input type="checkbox" id="zoom" checked style="margin-top: 10px;margin-bottom:11px;"><translate>webslideshow_options_zoom</translate><br>
							</fieldset>
						</td>
						<td style="width:60%;height:100%;">
							<fieldset>
								<legend><translate>webslideshow_options_group_viewer</translate></legend>
								<table>
									<tr valign="middle">
										<td><translate>webslideshow_options_scroll_step</translate></td>
										<td><input type="text" id="scroll_step" maxlength="4" size="5" style="text-align: right;"></td>
										<td><translate>webslideshow_options_px</translate></td>
										<td><translate>webslideshow_options_scroll_step_description</translate></td>
									</tr>
									<tr valign="middle">
										<td><translate>webslideshow_options_zoom_step</translate></td>
										<td><input type="text" id="zoom_step" maxlength="4" size="5" style="text-align: right;"></td>
										<td><translate>webslideshow_options_percent</translate></td>
										<td><translate>webslideshow_options_zoom_step_description</translate></td>
									</tr>
								</table>
							</fieldset>
						</td>
					</tr>
					<tr>
						<td colspan="2">
							<fieldset>
								<legend><translate>webslideshow_options_group_miscellaneous</translate></legend>
								<input type="checkbox" id="fullscreen_image_links" checked><translate>webslideshow_options_fullscreen_image_links</translate><br>
								<input type="checkbox" id="fullscreen_ruled_images" checked><translate>webslideshow_options_fullscreen_ruled_images</translate>
							</fieldset>
						</td>
					</tr>
				</table>
			</div>
			<div id="tab_rules">
				<table style="width: 100%;height:100%">
				<tr style="height:100%"><td>
					<div id="tree_container" class="tree_container">
					<table id="rules_tree" cellpadding="2" cellspacing="0">
					<thead class="fixed_header">
						<tr>
							<th align="center" style="border-right:1px solid darkgray;border-bottom:1px solid darkgray;width:20%">
								<NOBR>&nbsp;&nbsp;&nbsp;<strong>Domain</strong>&nbsp;&nbsp;&nbsp;</NOBR>
							</th>
							<th align="center" style="border-right:1px solid darkgray;border-bottom:1px solid darkgray;width:40%">
								<NOBR>&nbsp;&nbsp;&nbsp;<strong>Page Pattern</strong>&nbsp;&nbsp;&nbsp;</NOBR>
							</th>
							<th align="center" style="border-bottom:1px solid darkgray;width:40%">
								<NOBR>&nbsp;&nbsp;&nbsp;<strong>Image Pattern</strong>&nbsp;&nbsp;&nbsp;</NOBR>
							</th>
						</tr>
					</thead>
					<tbody id="rules_treechildren" class="scrollContent">
					</tbody>
					</table>
					</div>
				</td></tr>
				<tr><td>
					<nobr>
						<input type="button" id="add-rule"    value="webslideshow_options_rules_add">
						<input type="file" id="openFileForImport" name="files[]" style="position: relative;filter:alpha(opacity: 0);opacity: 0;z-index: 2;width:1;height:1;"/>
						<input type="button" id="import-rule" value="webslideshow_options_rules_import">
<!--
						<input type="button" id="export-rule" value="webslideshow_options_rules_export">
-->
					</nobr>
				</td></tr>
				</table>
			</div>
		</div>
	</td></tr>
	<tr><td align="right" valign="bottom" style="padding:4px;">
	<div style="min-width: 700px">
		<input id="button-ok"     type="button" value="webslideshow_options_button_ok">
		<input id="button-cancel" type="button" value="webslideshow_options_button_cancel">
		<input id="button-apply"  type="button" value="webslideshow_options_button_apply">
		<input id="button-help"   type="button" value="webslideshow_options_button_help">
	</div>
	</td></tr>
	</table>
</body>
</html>